<template>
    <div class="bg faq">
        <div class="header">
            <router-link to="/my" class="header-btnLeft"  ><img src="../assets/back-btn.png"></router-link>
            <h1 class="header-title">商城FAQ</h1>
            <div class="header-btnRight"></div>
        </div>
        <div class="h30"></div>
        <div class="popup-wrap">
            <div class="popup-wrap-title">
                如何注册商城
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>① 关注快帮行服务号（kwibon），点击底部菜单“我要预订”-“当地体验”进入商城，进入商城后点击“我的”进入注册页面。</li>
                    <li>② 输入手机号（注意选择所在地区的正确区号，其中中国大陆为：+86 中国香港为：+852  中国澳门为：+853  中国台湾为：+886  美国为：+1   加拿大为：+1   其他地区请选择“其他”选项自行填写。）之后，接收4位数字验证码，输入即可成功注册。</li>
                    <li>③ 仅在首次登录时需要手机号码注册，再次登录可自动微信登录。</li>
                    <li>④ 为了更好的体验商城的基于您所在城市推荐的线路项目等特色服务，请同意获取位置信息。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                如何选择商品
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>① 如果您在北美目的地，商城会自动推荐您所在城市的特色体验项目及线路信息。</li>
                    <li>选择“目的地”找到对应的产品，支付下单，即享会员折扣价，更可在服务号快帮行（kwibon）“我要预订”选择其他接送机、包车服务，专享会员价。</li>
                    <li>② 如果您在国内或准备选择其他城市的玩乐项目，可点击底部“目的地”菜单，选择美国/加拿大 进入对应国家的城市列表，选择目的地城市，可选择“景点线路”、“特色体验”、“门票”、“限时活动”、“酒店”及“其他”项目商品。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                如何收藏并查看商品
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>① 点击进入商品详情页面，如果发现自己喜欢的产品，可点击底部“收藏”按钮，小心心变为实心的红色即为收藏成功。</li>
                    <li>② 可在“我的”-“我的收藏”中查看已收藏的商品。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                如何快速筛选
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>① 可在顶部菜单右侧，点击筛选按钮，进入筛选功能。</li>
                    <li>② 支持按“北美热门活动”、“立即出票活动”、“价格从低到高”、“价格从高到低”4个维度筛选线路及活动。</li>
                    <li>● 北美热门活动：该目的地预订客人较多的商品；</li>
                    <li>● 立即出票活动：可立即出票，基本上无需二次确认的商品；</li>
                    <li>● 价格从低到高：按价格从低到高筛选的商品；</li>
                    <li>● 价格从高到低：按价格从高到低筛选的商品。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                商品标签含义
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>● 立即出票：可立即生成确认单</li>
                    <li>● 英文特色：当地特色玩乐项目</li>
                    <li>● 英文跟团：英文司导带队的跟团行程产品</li>
                    <li>● 中文跟团：中文司导带队的跟团行程产品</li>
                    <li>● 中文包车：中文司导包车产品</li>
                    <li>● 二次确认：商品下单成功后需客服人员确认</li>
                   
                </ul>
            </div>
            <div class="popup-wrap-title">
                下单流程
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>① 选择预订商品，查看商品详情介绍，查看费用包含、费用不含、具体注意事项及退改规则；</li>
                    <li>② 确认无误后，点击“立即订购”进入下单界面；</li>
                    <li>③ 选择正确的套餐类型，选择出行日期，按套餐描述、出行人数选择对应的数量，点击“立即预订”进入确认订单界面；</li>
                    <li>④ 输入联系人信息（部分体验项目如直升机体验 需要填写体重等其他信息），如果您有旅行红包，可选择“产品旅行红包”之后点击“立即预订”，进入支付页面；</li>
                    <li>⑤ 可选择“微信支付”或“信用卡支付”。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                多币种支付方式
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>您可以根据自己的习惯选择微信支付或者信用卡支付；</li>
                    <li>信用卡支付支持</li>
                    <li>① 人民币支付</li>
                    <li>② 美元支付</li>
                    <li>③ 加币支付</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                如何查看订单
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>点击底部菜单“我的”-“我的订单”，查看订单，可分别查看“待支付”、“待出行”、“待评价”订单。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                查看收益
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>1.进入“我的”→“个人中心”查看收益情况。</li>
                    <li>2.点击“我的收益”，完善账户信息后，即可申请提现。</li>
                    <li>注：满￥100元即可申请提现，提现到账周期7个工作日内。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                如何查看行程
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>如果需要查看您预订的订单，可在“我的”-“我的行程”中查看，未能查看到的原因有：</li>
                    <li>① 未下单；</li>
                    <li>② 注册商城时手机号与下单预留手机号不一致，请检查后重新登录；</li>
                    <li>③ 更多疑问请联系客服（微信号：kbxmei）</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                24小时无忧管家服务
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>下单成功后，客服会与您联系，确认订单信息，建立专属服务群，邀请国内外服务管家、客人、服务司导（如需）进群，提供全天24小时无忧服务。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                出行结束，评价订单
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>出行结束后，可在“我的”-“我的订单”中查看待评价订单，为本次行程做出评价。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                怎样申请退款
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>如果需要改期、预订产品失败或其他原因需要退款，请添加客服微信（微信号：kbxmei），与客服沟通后，商议退款。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                如何查看&使用红包
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>已领取红包可在“我的”个人中心页面中的“旅行红包”中查看，</li>
                    <li>在订单支付时选择“产品旅行红包”，满足红包使用情况，可以直接在付款总价中查看红包抵用后金额。记得需要满足红包使用条件才可以选择对应红包。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                如何转发商品
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>点击登录移动商城，选择对应城市或具体的城市下商品，点击右上角转发到朋友圈或转发好友，好友点击链接进入即可购买商品。</li>
                </ul>
            </div>
            <div class="popup-wrap-title">
                如何获得返佣
            </div>
            <div class="popup-wrap-tips">
                <ul>
                    <li>升级为高级会员，转发商品，亲友下单完成订单后，即可获得佣金。</li>
                </ul>
            </div>
            <div class="popup-wrap-endText">更多信息请加客服微信（微信号：kbxmei）详细了解。</div>
        </div>
    </div>
</template>

<script>
    import {Toast} from "mint-ui"
    import storage from "../store/localstorage"
    import config from "../store/config"
    import wxShare from "../store/wxShare"
    export default {
        name: "my-faq",
        data() {
            return {
                url:config.url,
            }
        },
        methods: {
            share() {
                wxShare({title: '[快帮行]商城FAQ', debug: false}, function () {
                    console.log('分享成功')
                });
            }

        },
        mounted() {
            window.scrollTo(0,0);
            this.share();
        }
    }
</script>

<style lang="scss" scoped>
    @import "../assets/base";

    .h30 {
        height: rpx(30);
        background: $bgcolor1
    }

    .h120 {
        height: rpx(200);
        background: $bgcolor1;
    }

    .bg {
        background: $bgcolor1;
        height: 100%;
    }

    .header {
        display: flex;
        align-items: center;
        padding: rpx(30);
        justify-content: space-between;
        background: $color0;
        &-btnLeft {
            width: rpx(64);
            height: rpx(64);
            padding-top: rpx(16);
            img {
                width: rpx(32);
                height: rpx(32);
            }
        }
        &-btnRight:after {
            display: block;
            content: ' ';
            width: rpx(64);
            height: rpx(64);
        }
        &-title {
            flex: 1;
            font-size: rpx(36);
            text-align: center;
            font-weight: normal;
            font-family: initial;
        }
    }


    .rebateInfo {
        background: #F5F5F5;
        margin-bottom: rpx(60);
        &-title {
            padding: rpx(60) rpx(30) 0;
            font-size: rpx(40);
            text-align: center;
            color: #ff7d00;
        }
        &-list {
            box-sizing: border-box;
            padding: rpx(20);
            display: flex;
            flex-wrap: wrap;
            &-item {
                width: 22.19%;
                border-radius: rpx(10);
                margin: rpx(10);
                padding: 0 rpx(10);
                background: $color0;
                text-align: center;
                -moz-box-shadow:2px 2px 5px #969696;/*firefox*/ 
                -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/ 
                box-shadow:2px 2px 5px #969696;/*opera或ie9*/
                &-title {
                    padding: rpx(20) 0 rpx(20);
                    font-size: rpx(28);
                }
                &-desc {
                    font-size: rpx(26);
                    color: $color5;
                    text-align: center;
                    padding-bottom: rpx(10);
                    line-height: 130%;
                }
            }
        }
    }
    .faq .popup-wrap{
        background: #fff;
        padding: rpx(20) rpx(20) rpx(40) rpx(20);
        &-title {
            font-size: rpx(34);
            font-weight: bold;
            padding: rpx(20) 0;
        }
        &-tips {
            padding: rpx(10);
            li {
                font-size: rpx(28);
                color: #999;
                padding: rpx(5) 0;
                line-height: rpx(40);
            }
        }
        &-endText{
           font-size: rpx(28); 
           margin: rpx(100) 0 rpx(30) 0;
        }
    }
</style>